/*4.16 广告
  name:      hui-ad
*/
/*4.16.1 顶部展开定时自动关闭广告
  name:      
  sample:
*/

/*4.16.2 对联广告
  name:      hui-couplets-ad
  sample:
    <div class="hui-couplets-ad hui-couplets-ad-l">
      <div class="hui-couplets-ad-content">对联的内容</div>
      <a href="#" class="hui-couplets-ad-close">X关闭</a>
    </div>
    <div class="hui-couplets-ad hui-couplets-ad-r">
      <div class="hui-couplets-ad-content">对联的内容</div>
      <a href="#" class="hui-couplets-ad-close">X关闭</a>
    </div>
*/
.hui-couplets-ad {
  top: 260px;
  position: absolute;
  width: 102px;
  overflow: hidden;
  display: none;
  z-index: 100;
  &.hui-couplets-ad-l {
    left: 6px;
  }
  &.hui-couplets-ad-r {
      right: 6px;
  }
  .hui-couplets-ad-content {
    border: #CCC solid 1px;
    width: 100px;
    height: 300px;
    overflow: hidden;
    background-color: #0C9;
  }
  .hui-couplets-ad-close {
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: block;
    font-size: 13px;
    color: #555;
    text-decoration: none;
  }
}